<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="author" content="lzy">
    <title>lzy-</title>
    <link rel="shortcut icon" href="images/icon.ico" type="image/x-icon">
    <link rel="stylesheet" href="index.css">
    <script src="jquery-3.1.1.js"></script>
    <script src="index.js"></script>
    <script src="picMove.js"></script>
    <style>

    </style>
</head>

<body>
    <div class="top">
        <div class="content">
            <div class="left">
                <li>小米商城</li>
                <span class="line">|</span>
                <li>MIUI</li>
                <span class="line">|</span>
                <li>米聊</li>
                <span class="line">|</span>
                <li>游戏</li>
                <span class="line">|</span>
                <li>多看阅读</li>
                <span class="line">|</span>
                <li>云服务</li>
                <span class="line">|</span>
                <li>金融</li>
                <span class="line">|</span>
                <li>小米商城移动版</li>
                <span class="line">|</span>
                <li>问题反馈</li>
                <span class="line">|</span>
                <li>Select Region</li>
            </div>
            <div class="right">
                <li>登录</li>
                <span class="line">|</span>
                <li>注册</li>
                <span class="line">|</span>
                <li>消息通知</li>
                <span class="line">|</span>
                <div class="orange">
                    <li class="icon"></li>
                    <li>购物车(0)</li>
                </div>
            </div>
            <div class="menu">
                购物车中还没有东西，赶快选购吧
            </div>

        </div>

    </div>

    <div class="header">
        <div class="content">
            <div class="logo">
                <img src="images/header/touch-icon.png" alt="">
            </div>
            <div class="nav">
                <ul>
                    <li class="nn"><img src="images/header/P1-1.gif" alt=""></li>
                    <li><a href="#" name='0' class="zz">小米手机</a></li>
                    <li><a href="#" name='1' class="zz">红米</a></li>
                    <li><a href="#" name='2' class="zz">平板·笔记本</a></li>
                    <li><a href="#" name='3' class="zz">电视</a></li>
                    <li><a href="#" name='4' class="zz">盒子·影音</a></li>
                    <li><a href="#" name='5' class="zz">路由器</a></li>
                    <li><a href="#" name='6' class="zz">智能硬件</a></li>
                    <li><a href="#" class="nn">服务</a></li>
                    <li><a href="#" class="nn">社区</a></li>
                    <div id="all">
                        <div id="st">
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/1/1.jpg" alt="">
                                        <figcaption>
                                            <p>小米手机5c</p>
                                            <p class="money">1499元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/1/2.jpg" alt="">
                                        <figcaption>
                                            <p>小米Note2</p>
                                            <p class="money">2799元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/1/3.jpg" alt="">
                                        <figcaption>
                                            <p>小米MIX</p>
                                            <p class="money">3499元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/1/4.jpg" alt="">
                                        <figcaption>
                                            <p>小米手机5s</p>
                                            <p class="money">1999元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/1/5.jpg" alt="">
                                        <figcaption>
                                            <p>小米手机5s Plus</p>
                                            <p class="money">2299元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/2/1.jpg" alt="">
                                        <figcaption>
                                            <p>红米Note 4X</p>
                                            <p class="money">999元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/2/2.jpg" alt="">
                                        <figcaption>
                                            <p>红米Note 4</p>
                                            <p class="money">999元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/2/3.jpg" alt="">
                                        <figcaption>
                                            <p>红米4X</p>
                                            <p class="money">699元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/2/4.jpg" alt="">
                                        <figcaption>
                                            <p>红米4</p>
                                            <p class="money">799元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/3/1.jpg" alt="">
                                        <figcaption>
                                            <p>小米平板2 16GB</p>
                                            <p class="money">999元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/3/2.jpg" alt="">
                                        <figcaption>
                                            <p>小米笔记本Air 12.5</p>
                                            <p class="money">3499元起</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/3/3.jpg" alt="">
                                        <figcaption>
                                            <p>小米笔记本Air 13.3</p>
                                            <p class="money">4999元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/3/3.jpg" alt="">
                                        <figcaption>
                                            <p>小米笔记本Air 13.3尊享版</p>
                                            <p class="money">5999元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/4/1.png" alt="">
                                        <figcaption>
                                            <p>小米电视3s 48英寸</p>
                                            <p class="money">2599元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/4/2.png" alt="">
                                        <figcaption>
                                            <p>小米电视3s 55英寸</p>
                                            <p class="money">3999元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/4/3.png" alt="">
                                        <figcaption>
                                            <p>小米电视3s 60英寸</p>
                                            <p class="money">4799元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/4/4.png" alt="">
                                        <figcaption>
                                            <p>小米电视3s 65英寸</p>
                                            <p class="money">6699元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/4/5.png" alt="">
                                        <figcaption>
                                            <p>小米电视3 70英寸</p>
                                            <p class="money">9999元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/4/6.png" alt="">
                                        <figcaption>
                                            <p>查看全部</p>
                                            <p class="money">小米电视</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/5/1.png" alt="">
                                        <figcaption>
                                            <p>小米盒子3s</p>
                                            <p class="money">299元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/5/1.png" alt="">
                                        <figcaption>
                                            <p>小米盒子3c</p>
                                            <p class="money">199元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/5/3.jpg" alt="">
                                        <figcaption>
                                            <p>小米盒子3 增强版</p>
                                            <p class="money">399元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/5/4.png" alt="">
                                        <figcaption>
                                            <p>小米盒子mini版</p>
                                            <p class="money">179元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/5/5.png" alt="">
                                        <figcaption>
                                            <p>小米家庭影院</p>
                                            <p class="money">1999元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/5/6.jpg" alt="">
                                        <figcaption>
                                            <p>小米家庭音响 标准版</p>
                                            <p class="money">699元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/6/1.png" alt="">
                                        <figcaption>
                                            <p>小米路由器 HD</p>
                                            <p class="money">1299元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/6/2.png" alt="">
                                        <figcaption>
                                            <p>小米路由器Pro</p>
                                            <p class="money">499元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/6/3.png" alt="">
                                        <figcaption>
                                            <p>小米路由器3</p>
                                            <p class="money">149元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/6/3.png" alt="">
                                        <figcaption>
                                            <p>小米路由器3C</p>
                                            <p class="money">99元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/6/5.jpg" alt="">
                                        <figcaption>
                                            <p>小米WiFi放大器2</p>
                                            <p class="money">49元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <ul class="st">
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/7/1.jpg" alt="">
                                        <figcaption>
                                            <p>小米体脂秤</p>
                                            <p class="money">199元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/7/2.jpg" alt="">
                                        <figcaption>
                                            <p>米家行车记录器</p>
                                            <p class="money">349元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/7/3.png" alt="">
                                        <figcaption>
                                            <p>小米无人机 4K 版</p>
                                            <p class="money">2999元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/7/4.jpg" alt="">
                                        <figcaption>
                                            <p>小米手机5c</p>
                                            <p class="money">1499元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new">新品</p>
                                        <img src="images/header/7/5.jpg" alt="">
                                        <figcaption>
                                            <p>小米米家对讲机</p>
                                            <p class="money">249元</p>
                                        </figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <p class="new no"></p>
                                        <img src="images/header/7/6.jpg" alt="">
                                        <figcaption>
                                            <p>查看全部</p>
                                            <p>智能硬件</p>
                                        </figcaption>
                                    </figure>
                                </li>
                            </ul>
                        </div>
                    </div>

                </ul>
            </div>
            <div class="search">
                <from>
                    <input type="submit" value="">
                    <div>
                        <a href="#">红米 4X</a>
                        <a href="#">小米电视3s 48英寸</a>
                    </div>
                </from>
            </div>
        </div>
    </div>

    <div id="nav">
        <div class="top">
            <div class="right">
                <ul class="ul">
                    <li name='0'><a href="#">手机 电话卡<i></i></a></li>
                    <li name='1'><a href="#">笔记本 平板<i></i></a></li>
                    <li name='2'><a href="#">电视 盒子<i></i></a></li>
                    <li name='3'><a href="#">路由器 智能硬件<i></i></a></li>
                    <li name='4'><a href="#">移动电源 电池 插线板<i></i></a></li>
                    <li name='5'><a href="#">耳机 音箱<i></i></a></li>
                    <li name='6'><a href="#">保护套 贴膜<i></i></a></li>
                    <li name='7'><a href="#">线材 支架 存储卡<i></i></a></li>
                    <li name='8'><a href="#">箱包 服饰<i></i></a></li>
                    <li name='9'><a href="#">米兔 生活周边<i></i></a></li>
                </ul>
                <div id="box"></div>
            </div>
        </div>
        <div class="bottom">
            <div class="spanleft">
                <ul>
                    <li>
                        <a href="#"><i class="bg1"></i>选购手机</a>
                    </li>
                    <li class="left">
                        <a href="#"><i class="bg2"></i>企业团购</a>
                    </li>
                    <li class="left">
                        <a href="#"><i class="bg3"></i>一元活动</a>
                    </li>
                    <li class="top">
                        <a href="#"><i class="bg4"></i>小米移动</a>
                    </li>
                    <li class="top left">
                        <a href="#"><i class="bg5"></i>以旧换新</a>
                    </li>
                    <li class="top left">
                        <a href="#"><i class="bg6"></i>话费充值</a>
                    </li>
                </ul>
            </div>
            <div class="spanright">
                <ul>
                    <li>
                        <a href="#"><img src="images/nav/bottom/1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav/bottom/2.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href="#"><img src="images/nav/bottom/3.jpg" alt=""></a>
                    </li>
                </ul>
            </div>
        </div>


        <ul id="nav_content">
            <li class="sj">
                <div>
                    <img src="images/nav/nav1/1.jpg" alt="" />
                    <span>小米手机5c</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/2.jpg" alt="" />
                    <span>小米note2</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/3.jpg" alt="" />
                    <span>小米MIX</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/4.jpg" alt="" />
                    <span>小米手机5S</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/5.png" alt="" />
                    <span>小米5S Plus</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/6.png" alt="" />
                    <span>红米Note 4x </span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/7.jpg" alt="" />
                    <span>红米Note 4</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/12.jpg" alt="" />
                    <span>红米 4x</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/9.jpg" alt="" />
                    <span>红米 4</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/4.jpg" alt="" />
                    <span>红米 4</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav1/10.jpg" alt="" />
                    <span>红米 4A</span>
                    <div></div>
                </div>
                <div>
                    <img src="images/nav/nav1/11.jpg" alt="" />
                    <span>红米 4A</span>
                    <div></div>
                </div>
                <div>
                    <img src="images/nav/nav1/8.jpg" alt="" />
                    <span>小米移动 电话卡</span>
                    <div></div>
                </div>
            </li>
            <li class="bj">
                <div>
                    <img src="images/nav/nav2/bijiben80.webp.jpg" alt="" />
                    <span>小米笔记本Air</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav2/pad2.webp.jpg" alt="" />
                    <span>小米平板2</span>
                    <div>
                        <span class="icon_title1">选购</span>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav2/usbzjqggg80.webp.jpg" alt="" />
                    <span>USB-C转换器</span>
                    <div>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav2/neidanbao80.webp.jpg" alt="" />
                    <span>小米笔记本内胆包</span>
                    <div>
                    </div>
                </div>
                <div>
                    <img src="images/nav/nav2/shubiao80.webp.jpg" alt="" />
                    <span>小米便携鼠标</span>
                    <div></div>
                </div>
            </li>
            <li class="ds">
                <div>
                    <img src="images/nav/nav3/1.jpg" alt="" />
                    <span>小米电视3s 48英寸</span>
                </div>
                <div>
                    <img src="images/nav/nav3/2.jpg" alt="" />
                    <span>小米电视3s 55英寸</span>
                </div>
                <div>
                    <img src="images/nav/nav3/3.jpg" alt="" />
                    <span>小米电视3s 60英寸</span>
                </div>
                <div>
                    <img src="images/nav/nav3/4.jpg" alt="" />
                    <span>小米电视3s 65英寸</span>
                </div>
                <div>
                    <img src="images/nav/nav3/5.jpg" alt="" />
                    <span>小米电视3s 65英寸 曲面</span>
                </div>
                <div>
                    <img src="images/nav/nav3/6.jpg" alt="" />
                    <span>小米电视3s 60英寸</span>
                </div>
                <div>
                    <img src="images/nav/nav3/7.jpg" alt="" />
                    <span>小米电视3 70英寸</span>
                </div>
                <div>
                    <img src="images/nav/nav3/8.jpg" alt="" />
                    <span>小米盒子3s</span>
                </div>
                <div>
                    <img src="images/nav/nav3/9.jpg" alt="" />
                    <span>小米盒子3c</span>
                </div>
                <div>
                    <img src="images/nav/nav3/10.jpg" alt="" />
                    <span>小米盒子3s 增强版</span>
                </div>
                <div>
                    <img src="images/nav/nav3/11.jpg" alt="" />
                    <span>小米盒子 mini</span>
                </div>
                <div>
                    <img src="images/nav/nav3/12.jpg" alt="" />
                    <span>小米低音炮</span>
                </div>
                <div>
                    <img src="images/nav/nav3/13.jpg" alt="" />
                    <span>蓝牙手柄</span>
                </div>
                <div>
                    <img src="images/nav/nav3/14.jpg" alt="" />
                    <span>家庭音响</span>
                </div>
                <div>
                    <img src="images/nav/nav3/15.jpg" alt="" />
                    <span>电视盒子配件</span>
                </div>
            </li>
            <li class="ly">
                <div>
                    <img src="images/nav/nav4/1.jpg" alt="" />
                    <span>米家扫地机器人及配件</span>
                </div>
                <div>
                    <img src="images/nav/nav4/2.jpg" alt="" />
                    <span>小米VR眼镜</span>
                </div>
                <div>
                    <img src="images/nav/nav4/3.jpg" alt="" />
                    <span>小米路由器</span>
                </div>
                <div>
                    <img src="images/nav/nav4/4.jpg" alt="" />
                    <span>九号平衡车</span>
                </div>
                <div>
                    <img src="images/nav/nav4/5.jpg" alt="" />
                    <span>电助力折叠自行车</span>
                </div>
                <div>
                    <img src="images/nav/nav4/6.jpg" alt="" />
                    <span>米家恒温电水壶</span>
                </div>
                <div>
                    <img src="images/nav/nav4/7.jpg" alt="" />
                    <span>米家车载空气净化器</span>
                </div>
                <div>
                    <img src="images/nav/nav4/8.jpg" alt="" />
                    <span>手表</span>
                </div>
                <div>
                    <img src="images/nav/nav4/9.jpg" alt="" />
                    <span>米家智能电饭煲</span>
                </div>
                <div>
                    <img src="images/nav/nav4/10.jpg" alt="" />
                    <span>智能摄像头</span>
                </div>
                <div>
                    <img src="images/nav/nav4/11.jpg" alt="" />
                    <span>净化器及滤芯</span>
                </div>
                <div>
                    <img src="images/nav/nav4/12.jpg" alt="" />
                    <span>净化器及滤芯</span>
                </div>
                <div>
                    <img src="images/nav/nav4/13.jpg" alt="" />
                    <span>血压计</span>
                </div>
                <div>
                    <img src="images/nav/nav4/14.jpg" alt="" />
                    <span>米兔积木机器人</span>
                </div>
                <div>
                    <img src="images/nav/nav4/15.jpg" alt="" />
                    <span>智能灯</span>
                </div>
                <div>
                    <img src="images/nav/nav4/16.jpg" alt="" />
                    <span>米兔智能故事集</span>
                </div>
                <div>
                    <img src="images/nav/nav4/17.jpg" alt="" />
                    <span>智能家庭组合</span>
                </div>
                <div>
                    <img src="images/nav/nav4/18.jpg" alt="" />
                    <span>手环及配件</span>
                </div>
                <div>
                    <img src="images/nav/nav4/19.jpg" alt="" />
                    <span>体重秤</span>
                </div>
                <div>
                    <img src="images/nav/nav4/20.jpg" alt="" />
                    <span>电动滑板车</span>
                </div>
                <div>
                    <img src="images/nav/nav4/21.jpg" alt="" />
                    <span>小米无人机</span>
                </div>
                <div>
                    <img src="images/nav/nav4/22.jpg" alt="" />
                    <span>米家行车记录仪</span>
                </div>
                <div>
                    <img src="images/nav/nav4/23.jpg" alt="" />
                    <span>小米米家对讲机</span>
                </div>
                <div>
                    <img src="images/nav/nav4/24.jpg" alt="" />
                    <span>全部智能硬件</span>
                </div>

            </li>
            <li class="yd">
                <div>
                    <img src="images/nav/nav5/1.jpg" alt="" />
                    <span>小米移动电源</span>
                </div>
                <div>
                    <img src="images/nav/nav5/2.jpg" alt="" />
                    <span>插线板</span>
                </div>
                <div>
                    <img src="images/nav/nav5/3.jpg" alt="" />
                    <span>品牌移动电源</span>
                </div>
                <div>
                    <img src="images/nav/nav5/4.jpg" alt="" />
                    <span>充电器</span>
                </div>
                <div>
                    <img src="images/nav/nav5/5.jpg" alt="" />
                    <span>彩虹五号电池</span>
                </div>
                <div>
                    <img src="images/nav/nav5/6.jpg" alt="" />
                    <span>彩虹七号电池</span>
                </div>
                <div>
                    <img src="images/nav/nav5/7.jpg" alt="" />
                    <span>移动电源附件</span>
                </div>
            </li>
            <li class="ej">
                <div>
                    <img src="images/nav/nav6/1.jpg" alt="" />
                    <span>小米头戴式耳机</span>
                </div>
                <div>
                    <img src="images/nav/nav6/2.jpg" alt="" />
                    <span>头戴式耳机轻松板</span>
                </div>
                <div>
                    <img src="images/nav/nav6/3.jpg" alt="" />
                    <span>小米圈铁耳机Pro</span>
                </div>
                <div><img src="images/nav/nav6/4.jpg" alt="" />
                    <span>小米圈铁耳机</span>
                </div>
                <div><img src="images/nav/nav6/5.jpg" alt="" />
                    <span>小米胶囊耳机</span>
                </div>
                <div>
                    <img src="images/nav/nav6/6.jpg" alt="" />
                    <span>小米活塞耳机清新版</span>
                </div>
                <div>
                    <img src="images/nav/nav6/7.jpg" alt="" />
                    <span>小米蓝牙耳机</span>
                </div>
                <div>
                    <img src="images/nav/nav6/8.jpg" alt="" />
                    <span>小米运动蓝牙耳机</span>
                </div>
                <div>
                    <img src="images/nav/nav6/9.jpg" alt="" />
                    <span>品牌耳机</span>
                </div>
                <div>
                    <img src="images/nav/nav6/10.jpg" alt="" />
                    <span>小米网络音响</span>
                </div>
                <div>
                    <img src="images/nav/nav6/11.jpg" alt="" />
                    <span>小米蓝牙音箱</span>
                </div>
                <div>
                    <img src="images/nav/nav6/12.jpg" alt="" />
                    <span>小米随身蓝牙音箱</span>
                </div>
                <div>
                    <img src="images/nav/nav6/13.jpg" alt="" />
                    <span>小钢炮音箱2</span>
                </div>
                <div>
                    <img src="images/nav/nav6/14.jpg" alt="" />
                    <span>小米方盒子音箱</span>
                </div>
                <div>
                    <img src="images/nav/nav6/15.jpg" alt="" />
                    <span>小米音乐闹钟</span>
                </div>
                <div>
                    <img src="images/nav/nav6/16.jpg" alt="" />
                    <span>小米米兔音箱</span>
                </div>
                <div>
                    <img src="images/nav/nav6/17.png" alt="" />
                    <span>音乐蓝牙车充</span>
                </div>
            </li>
            <li class="bh">
                <div>
                    <img src="images/nav/nav7/tiemo.webp.jpg" alt="" />
                    <span>贴膜</span>
                </div>
                <div>
                    <img src="images/nav/nav7/baohu.webp.jpg" alt="" />
                    <span>保护套|保护膜</span>
                </div>
            </li>
            <li>
                <div>
                    <img src="images/nav/nav8/zipaigan.webp.jpg" alt="" />
                    <span>米兔玩偶</span>
                </div>
                <div>
                    <img src="images/nav/nav8/zhijia.webp.jpg" alt="" />
                    <span>鼠标垫</span>
                </div>
                <div>
                    <img src="images/nav/nav8/xiancai.webp.jpg" alt="" />
                    <span>生活周边</span>
                </div>
                <div>
                    <img src="images/nav/nav8/zhijia.webp.jpg" alt="" />
                    <span>《小米》会刊</span>
                </div>
                <div>
                    <img src="images/nav/nav8/zipaigan.webp.jpg" alt="" />
                    <span>8H乳胶枕</span>
                </div>
            </li>

            <li>
                <div>
                    <img src="images/nav/nav9/huise2-80.jpg" alt="" />
                    <span>箱包</span>
                </div>
                <div>
                    <img src="images/nav/nav9/lvxingxiang.webp.jpg" alt="" />
                    <span>90分旅行箱</span>
                </div>
                <div>
                    <img src="images/nav/nav9/xiangbao-80.jpg" alt="" />
                    <span>服饰</span>
                </div>
            </li>
            <li>
                <div>
                    <img src="images/nav/nav8/zipaigan.webp.jpg" alt="" />
                    <span>米兔玩偶</span>
                </div>
                <div>
                    <img src="images/nav/nav8/zhijia.webp.jpg" alt="" />
                    <span>鼠标垫</span>
                </div>
                <div>
                    <img src="images/nav/nav8/xiancai.webp.jpg" alt="" />
                    <span>生活周边</span>
                </div>
                <div>
                    <img src="images/nav/nav8/zhijia.webp.jpg" alt="" />
                    <span>《小米》会刊</span>
                </div>
                <div>
                    <img src="images/nav/nav8/zipaigan.webp.jpg" alt="" />
                    <span>8H乳胶枕</span>
                </div>
            </li>
        </ul>

    </div>

    <div id="show">
        <div class="title">
            <div>小米明星单品</div>
            <div class="btnlist">
                <span class="leftbtn"><</span>
                <span class="rightbtn">></span>
            </div>
        </div>
        <div class="sbottom">
            <ul>
                <li>
                    <a href="#"><img src="images/单品/1.png" alt=""></a>
                    <div class="h3">
                        <a href="#">小米5s Plus</a>
                    </div>
                    <p>4.7英寸大屏双摄手机，拍照黑科技</p>
                    <p class="red">2299元起</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/2.png" alt=""></a>
                    <div class="h3">
                        <a href="#">小米电视3s 55英寸</a>
                    </div>
                    <p>人工智能电视，4K大屏新旗舰</p>
                    <p class="red">3999元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/3.png" alt=""></a>
                    <div class="h3">
                        <a href="#">小米移动电源2</a>
                    </div>
                    <p>双向快充，高密度锂聚合物电芯</p>
                    <p class="red">79元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/4.png" alt=""></a>
                    <div class="h3">
                        <a href="#">小米手环2</a>
                    </div>
                    <p>OLED显示屏幕，升级计步算法</p>
                    <p class="red">149元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/5.jpg" alt=""></a>
                    <div class="h3">
                        <a href="#">小米净水器 厨下式</a>
                    </div>
                    <p>直出纯净水，隐藏式安装</p>
                    <p class="red">1999元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/6.jpg" alt=""></a>
                    <div class="h3">
                        <a href="#">米家 LED 智能台灯</a>
                    </div>
                    <p>无可视频闪，高度色温无级调节</p>
                    <p class="red">169元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/7.png" alt=""></a>
                    <div class="h3">
                        <a href="#">米家iHealth血压计</a>
                    </div>
                    <p>爸妈上手就会用的智能血压计</p>
                    <p class="red">399元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/8.png" alt=""></a>
                    <div class="h3">
                        <a href="#">小米路由器3</a>
                    </div>
                    <p>更快更强，不止四天线</p>
                    <p class="red">149元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/9.png" alt=""></a>
                    <div class="h3">
                        <a href="#">小米活塞耳机 清新版</a>
                    </div>
                    <p>铝合金音腔，第三代平衡阻尼系统</p>
                    <p class="red">29元</p>
                </li>
                <li>
                    <a href="#"><img src="images/单品/10.jpg" alt=""></a>
                    <div class="h3">
                        <a href="#">小米体重秤</a>
                    </div>
                    <p>100克，喝杯水都可感知的精确</p>
                    <p class="red">99元</p>
                </li>
            </ul>
        </div>
    </div>

    <!---->
    <div id="menu">
        <div class="list">
            <div class="list1">
                <div class="title">
                    <div class="left">智能硬件</div>
                    <div class="right">
                        <a href="#">
							查看全部
							<i></i>
						</a>
                    </div>
                </div>
                <div class="content">
                    <div class="spanleft1">
                        <a href="#"><img src="images/智能/1.jpg" alt=""></a>
                    </div>
                    <div class="spanright8">
                        <ul>
                            <li>
                                <a href="#"><img src="images/智能/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家行车记录仪</a>
                                </div>
                                <p>晚上能拍清车牌的行车记录仪</p>
                                <p class="red">349元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米空气净化器2</a>
                                </div>
                                <p>高效除霾，10分钟换新房间空气</p>
                                <p class="red">699元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米兔智能故事机</a>
                                </div>
                                <p>微信远程互动，智能语言交互</p>
                                <p class="red">199元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米兔儿童手表Q</a>
                                </div>
                                <p>11重安全设计，五重精准定位</p>
                                <p class="red">299元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家小白智能摄像机</a>
                                </div>
                                <p>360°全景拍摄，1080P高清摄像</p>
                                <p class="red">2399元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家车载空气净化器</a>
                                </div>
                                <p>双风循环气流，高效净化车内空气</p>
                                <p class="red">499元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/8.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家骑记助力折叠自行车</a>
                                </div>
                                <p>力矩传感电助力，让城市出行轻松有趣</p>
                                <p class="red">2999元</p>
                            </li>
                            <li>
                                <a href="#"><img src="images/智能/9.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米米家电动滑板车</a>
                                </div>
                                <p>极简几何设计，1 分钟轻松上手</p>
                                <p class="red">1999元</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!---->
            <div class="list1 list2">
                <div class="title">
                    <div class="left">搭配</div>
                    <div class="right">
                        <li>
                            <a href="#" name='0' class="put">热门</a>
                        </li>
                        <li>
                            <a href="#" name='1'>耳机音箱</a>
                        </li>
                        <li>
                            <a href="#" name='2'>电源</a>
                        </li>
                        <li>
                            <a href="#" name='3'>电池存储卡</a>
                        </li>
                    </div>
                </div>
                <div class="content">
                    <div class="spanleft1">
                        <a href="#">
                            <img src="images/搭配/1.jpg" alt="">
                            <img src="images/搭配/2.jpg" alt="">
                        </a>
                    </div>
                    <div class="spanright8">
                        <ul class="active">
                            <li>
                                <a href="#"><img src="images/搭配/热门/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米运动耳机</a>
                                </div>
                                <p class="red">149元</p>
                                <p>1972人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/热门/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">20000mAh小米移动电源2</a>
                                </div>
                                <p class="red">149元</p>
                                <p>7051人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/热门/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米网络音响</a>
                                </div>
                                <p class="red">399元</p>
                                <p>2872人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/热门/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米活塞耳机 请新版</a>
                                </div>
                                <p class="red">29元</p>
                                <p>1.6万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/热门/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米移动电源10000mAh高配版</a>
                                </div>
                                <p class="red">149元</p>
                                <p>2721人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/热门/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米圈铁耳机Pro</a>
                                </div>
                                <p class="red">149元</p>
                                <p>1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/热门/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米蓝牙耳机青春版</a>
                                </div>
                                <p class="red">149元</p>
                                <p>1972人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米小钢炮..</p>
                                        <p class="red">129元</p>
                                    </div>
                                    <a href="#"><img src="images/搭配/热门/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">热门</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米头戴式耳机 轻松版</a>
                                </div>
                                <p class="red">199元</p>
                                <p>629人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米胶囊耳机</a>
                                </div>
                                <p class="red">69元</p>
                                <p>2.9万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米圈铁耳机Pro</a>
                                </div>
                                <p class="red">149元</p>
                                <p>1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米随身蓝牙音箱</a>
                                </div>
                                <p class="red">69元</p>
                                <p>1.4万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米小钢炮蓝牙音箱2</a>
                                </div>
                                <p class="red">129元</p>
                                <p>2.1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米方盒蓝牙一向</a>
                                </div>
                                <p class="red">99元</p>
                                <p>1.7万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/耳机/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">ROIDMI音乐蓝牙车充</a>
                                </div>
                                <p class="red">99元</p>
                                <p>498人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米蓝牙音箱</p>
                                        <p class="red">199元</p>
                                    </div>
                                    <a href="#"><img src="images/搭配/耳机/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">耳机音箱</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/搭配/电源/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">移动电源5000mAh</a>
                                </div>
                                <p class="red">49元</p>
                                <p>9.9万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/电源/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">ZMI移动电源10000mAh</a>
                                </div>
                                <p class="red">99元</p>
                                <p>4106人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/电源/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米移动电源10000mAh高配版</a>
                                </div>
                                <p class="red">149元</p>
                                <p>2721人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/电源/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">20000mAh小米移动电源2</a>
                                </div>
                                <p class="red">149元</p>
                                <p>7051人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/电源/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">10000mAh小米移动电源2</a>
                                </div>
                                <p class="red">79元</p>
                                <p>2.7万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/电源/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米插线板 5孔位</a>
                                </div>
                                <p class="red">39元</p>
                                <p>2.4万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/电源/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">USB Type-C充电套装</a>
                                </div>
                                <p class="red">15元</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米智能插线..</p>
                                        <p class="red">69元</p>
                                    </div>
                                    <a href="#"><img src="images/搭配/电源/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">电源</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">ROIDMI音乐蓝牙车充</a>
                                </div>
                                <p class="red">99元</p>
                                <p>498人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米USB充电器（2口）</a>
                                </div>
                                <p class="red">49元</p>
                                <p>2229人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">彩虹5号电池(10粒装)</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>9万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">彩虹7号电池(10粒装)</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>5.5万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米USB充电器（4口）</a>
                                </div>
                                <p class="red">69元</p>
                                <p>1.2万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">SanDisk 32GB高速存储卡</a>
                                </div>
                                <p class="red">69.9元</p>
                                <p>1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/搭配/存储卡/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米车载充电器</a>
                                </div>
                                <p class="red">49元</p>
                                <p>4.2万人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">SanDisk 16G..</p>
                                        <p class="red">31.9元</p>
                                    </div>
                                    <a href="#"><img src="images/搭配/存储卡/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">电池存储卡</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!---->
            <div class="list1 list2">
                <div class="title">
                    <div class="left">配件</div>
                    <div class="right">
                        <li>
                            <a href="#" name="0" class="put">热门</a>
                        </li>
                        <li>
                            <a href="#" name="1">保护套</a>
                        </li>
                        <li>
                            <a href="#" name="2">贴膜</a>
                        </li>
                        <li>
                            <a href="#" name="3">其他配件</a>
                        </li>
                    </div>
                </div>
                <div class="content">
                    <div class="spanleft1">
                        <a href="#">
                            <img src="images/配件/1.jpg" alt="">
                            <img src="images/配件/2.png" alt="">
                        </a>
                    </div>
                    <div class="spanright8">
                        <ul class="active">
                            <li>
                                <a href="#"><img src="images/配件/热门/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米手机4c 小米4c 智能唤醒翻盖..</a>
                                </div>
                                <p class="red">29元</p>
                                <p>2.4万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/热门/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米指环支架</a>
                                </div>
                                <p class="red">19元</p>
                                <p>6805人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/热门/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米自拍杆</a>
                                </div>
                                <p class="red">49元</p>
                                <p>6933人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/热门/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米手机5 小米5 钢化玻璃贴膜（...</a>
                                </div>
                                <p class="red">29元</p>
                                <p>4.7万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/热门/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米5s 标准高透贴膜</a>
                                </div>
                                <p class="red">19元</p>
                                <p>4661人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/热门/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米随身WIFI</a>
                                </div>
                                <p class="red">19.9元</p>
                                <p>30.3万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/热门/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米5s Plus 标准高透贴膜</a>
                                </div>
                                <p class="red">19元</p>
                                <p>3838人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米5s Plus..</p>
                                        <p class="red">129元</p>
                                    </div>
                                    <a href="#"><img src="images/配件/热门/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">热门</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/配件/保护套/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米note2 智能翻盖保护套</a>
                                </div>
                                <p class="red">39元</p>
                                <p>890人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/保护套/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米5s 智能立显点阵式保护套</a>
                                </div>
                                <p class="red">79元</p>
                                <p>2665人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/保护套/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米Note4 超薄肤感软胶保护套</a>
                                </div>
                                <p class="red">19元</p>
                                <p>455人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/保护套/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米4标准版 翻盖保护套</a>
                                </div>
                                <p class="red">29元</p>
                                <p>570人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/保护套/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米4高配版 翻盖保护套</a>
                                </div>
                                <p class="red">29元</p>
                                <p>1817人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/保护套/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米Note2 高透软胶保护套</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>676人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/保护套/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米Note 4X高透软胶保护套</a>
                                </div>
                                <p class="red">19元</p>
                                <p>801人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米Max超...</p>
                                        <p class="red">29元</p>
                                    </div>
                                    <a href="#"><img src="images/配件/保护套/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">保护套</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米4标准版 标准高透贴膜</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>665人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米4高配版 标准高透贴膜</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>2085人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米手机5 极薄防蓝光贴膜</a>
                                </div>
                                <p class="red">49元</p>
                                <p>8762人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米5s 标准高透贴膜</a>
                                </div>
                                <p class="red">19元</p>
                                <p>4661人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米Note 4X 标准高透贴膜</a>
                                </div>
                                <p class="red">19元</p>
                                <p>650人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米Max 标准高透贴膜</a>
                                </div>
                                <p class="red">19元</p>
                                <p>1.2万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/贴膜/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">红米Pro 标准高透贴膜</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>2922人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">红米Note4..</p>
                                        <p class="red">19元</p>
                                    </div>
                                    <a href="#"><img src="images/配件/贴膜/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">贴膜</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">青米USB快速充电数据线</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>1.9万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米指环支架 金色</a>
                                </div>
                                <p class="red">19元</p>
                                <p>6955人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米USB-C电源适配器（45W）</a>
                                </div>
                                <p class="red">99元</p>
                                <p>22人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">蓝牙语音体感遥控器</a>
                                </div>
                                <p class="red">99元</p>
                                <p>3258人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米便携鼠标</a>
                                </div>
                                <p class="red">99元</p>
                                <p>4947人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">USB-C至HDMI多功能转接器</a>
                                </div>
                                <p class="red">149元</p>
                                <p>1038人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/配件/其他配件/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">USB Type-C 转接头</a>
                                </div>
                                <p class="red">5元</p>
                                <p>5.3万人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">青米USB快速</p>
                                        <p class="red">31.9元</p>
                                    </div>
                                    <a href="#"><img src="images/配件/其他配件/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">其他配件</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!---->
            <div class="list1 list2">
                <div class="title">
                    <div class="left">周边</div>
                    <div class="right">
                        <li>
                            <a href="#" name="0" class="put">热门</a>
                        </li>
                        <li>
                            <a href="#" name="1">服装</a>
                        </li>
                        <li>
                            <a href="#" name="2">米兔</a>
                        </li>
                        <li>
                            <a href="#" name="3">生活周边</a>
                        </li>
                        <li>
                            <a href="#" name="4">箱包</a>
                        </li>
                    </div>
                </div>
                <div class="content">
                    <div class="spanleft1">
                        <a href="#">
                            <img src="images/周边/1.jpg" alt="">
                            <img src="images/周边/2.jpg" alt="">
                        </a>
                    </div>
                    <div class="spanright8">
                        <ul class="active">
                            <li>
                                <a href="#"><img src="images/周边/热门/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">90分旅行箱 24寸</a>
                                </div>
                                <p class="red">349元</p>
                                <p>1.7万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/热门/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">最生活浴巾·青春系列</a>
                                </div>
                                <p class="red">99元</p>
                                <p>409人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/热门/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">8H标准胶乳枕</a>
                                </div>
                                <p class="red">149元</p>
                                <p>3988人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/热门/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米简约头层小牛皮钱包</a>
                                </div>
                                <p class="red">129元</p>
                                <p>473人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/热门/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家签字笔</a>
                                </div>
                                <p class="red">14.9元</p>
                                <p>2.6万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/热门/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">防雾霾口罩</a>
                                </div>
                                <p class="red">69元</p>
                                <p>2908人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/热门/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">8H多功能护颈枕U1</a>
                                </div>
                                <p class="red">79元</p>
                                <p>1104人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">变形金刚特别..</p>
                                        <p class="red">169元</p>
                                    </div>
                                    <a href="#"><img src="images/周边/热门/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">热门</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/周边/服装/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米摇粒绒加厚保暖外套</a>
                                </div>
                                <p class="red">99元</p>
                                <p>6037人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/服装/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米空气层连帽运动卫衣 男款</a>
                                </div>
                                <p class="red">149元</p>
                                <p>1603人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/服装/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米短袖T恤 新国货</a>
                                </div>
                                <p class="red">39元</p>
                                <p>831人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/服装/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米空气层连帽运动卫衣 女款</a>
                                </div>
                                <p class="red">149元</p>
                                <p>196人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/服装/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米纪念款围巾（去探险）</a>
                                </div>
                                <p class="red">89元</p>
                                <p>129人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/服装/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米短袖T恤 水管工米兔</a>
                                </div>
                                <p class="red">9.9元</p>
                                <p>676人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/服装/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米V领短袖T恤 女款</a>
                                </div>
                                <p class="red">39元</p>
                                <p>3869人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米短袖T恤...</p>
                                        <p class="red">39元</p>
                                    </div>
                                    <a href="#"><img src="images/周边/服装/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">服装</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/周边/米兔/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">60cm柔软米兔抱枕</a>
                                </div>
                                <p class="red">129元</p>
                                <p>724人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/米兔/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">超脑米兔钥匙扣</a>
                                </div>
                                <p class="red">29元</p>
                                <p>781人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/米兔/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米兔多功能护颈枕</a>
                                </div>
                                <p class="red">49元</p>
                                <p>2374人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/米兔/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米米兔音箱</a>
                                </div>
                                <p class="red">99元</p>
                                <p>1199人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/米兔/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米短袖T恤 情侣米兔 女款</a>
                                </div>
                                <p class="red">39元</p>
                                <p>1854人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/米兔/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米短袖T恤 水管工米兔</a>
                                </div>
                                <p class="red">39元</p>
                                <p>4168人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/米兔/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米短袖T恤 西游记</a>
                                </div>
                                <p class="red">39元</p>
                                <p>8752人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">小米V领短袖...</p>
                                        <p class="red">39元</p>
                                    </div>
                                    <a href="#"><img src="images/周边/米兔/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">米兔</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家中性笔专用笔芯</a>
                                </div>
                                <p class="red">6.9元</p>
                                <p>2685人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">花花草草监测仪</a>
                                </div>
                                <p class="red">49元</p>
                                <p>5490人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">米家LED随身灯 增强版</a>
                                </div>
                                <p class="red">19.9元</p>
                                <p>2.5万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">防雾霾滤芯（5片装）</a>
                                </div>
                                <p class="red">39元</p>
                                <p>551人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">变形金刚特别版声波</a>
                                </div>
                                <p class="red">169元</p>
                                <p>2470人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">金属鼠标垫 小号</a>
                                </div>
                                <p class="red">49元</p>
                                <p>1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/生活周边/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米电源线收纳盒</a>
                                </div>
                                <p class="red">49元</p>
                                <p>3074人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">鼠标垫加大号</p>
                                        <p class="red">19元</p>
                                    </div>
                                    <a href="#"><img src="images/周边/生活周边/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">生活周边</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="#"><img src="images/周边/箱包/1.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">90分旅行箱 20寸</a>
                                </div>
                                <p class="red">299元</p>
                                <p>1.9万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/箱包/2.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">90分旅行箱 24寸</a>
                                </div>
                                <p class="red">349元</p>
                                <p>1.7万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/箱包/3.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米轻动系百搭多用背包</a>
                                </div>
                                <p class="red">39元</p>
                                <p>6475人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/箱包/4.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">90分便携收纳袋</a>
                                </div>
                                <p class="red">29元</p>
                                <p>3395人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/箱包/5.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米经典上午双肩包</a>
                                </div>
                                <p class="red">99元</p>
                                <p>9294人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/箱包/6.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米极简都市双肩包</a>
                                </div>
                                <p class="red">149元</p>
                                <p>2.1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li>
                                <a href="#"><img src="images/周边/箱包/7.jpg" alt=""></a>
                                <div class="h3">
                                    <a href="#">小米多功能都市休闲胸包</a>
                                </div>
                                <p class="red">69元</p>
                                <p>2.1万人评价</p>
                                <span>很好</span>
                            </li>
                            <li class="last">
                                <div class="lasttop">
                                    <div>
                                        <p class="r51">学院风简约双...</p>
                                        <p class="red">59元</p>
                                    </div>
                                    <a href="#"><img src="images/周边/箱包/8.jpg" alt=""></a>
                                </div>
                                <div class="lastbottom">
                                    <div class="bt">
                                        <div class="more">浏览更多</div>
                                        <div class="fire">箱包</div>
                                    </div>
                                    <div class="bb"></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!---->
    <div id="say">
        <div id="show" style="background-color: rgb(245,245,245)">
            <div class="title" style="background-color: rgb(245,245,245)">
                <div>为你推荐</div>
                <div class="btnlist">
                    <span class="leftbtn"><</span>
                    <span class="rightbtn">></span>
                </div>
            </div>
            <div class="sbottom" style="background-color: rgb(245,245,245)">
                <ul id="dd">
                    <li>
                        <a href="#"><img src="images/为你推荐/1.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">小米笔记本Air 13.3英寸</a>
                        </div>
                        <p class="red">4999元</p>
                        <p>7806人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/2.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">小米笔记本Air13.3英寸</a>
                        </div>
                        <p class="red">5999元</p>
                        <p>77人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/3.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">小米电视3s  影院版</a>
                        </div>
                        <p class="red">6699元</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/4.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">小米路由器</a>
                        </div>
                        <p class="red">499元</p>
                        <p>449人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/5.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">小米米家电动滑板车</a>
                        </div>
                        <p class="red">1999元</p>
                        <p>931人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/6.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">10000mAh小米移动电源</a>
                        </div>
                        <p class="red">79元</p>
                        <p>2.7万人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/7.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">米家恒温电水壶</a>
                        </div>
                        <p class="red">199元</p>
                        <p>1.3万人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/8.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">小米家庭影院</a>
                        </div>
                        <p class="red">1999元</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/9.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">米家 LED 智能台灯</a>
                        </div>
                        <p class="red">169元</p>
                        <p>1.5万人好评</p>
                    </li>
                    <li>
                        <a href="#"><img src="images/为你推荐/10.jpg" alt=""></a>
                        <div class="h3">
                            <a href="#">米家电助力折叠自行车</a>
                        </div>
                        <p class="red">2999元</p>
                        <p>946人好评</p>
                    </li>
                </ul>
            </div>
        </div>
        <!---->
        <div id="comment">
            <div class="hd">
                <h2 class="title">热评产品</h2>
            </div>
            <div class="bd">
                <ul>
                    <li class="first">
                        <div class="img">
                            <a href="#">
                                <img src="images/热评产品/1.jpg" alt="">
                            </a>
                        </div>
                        <p>样子好可爱，特别是转来转去时很有趣。让它休眠时它就会把头转过去背对着你了，唤醒它又会自动转回来。你叫...</p>
                        <p class="author">来自于 随风 的评价</p>
                        <div class="info">
                            <div class="title">米家小白智能摄像机</div>
                            <div class="sep">|</div>
                            <div class="price">399元</div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="#">
                                <img src="images/热评产品/2.jpg" alt="">
                            </a>
                        </div>
                        <p>先五星好评。再来说说小米空气净化器，北方的天气雾霾越来越常态，这就迫切需要一台性价比高的空气净化器，...</p>
                        <p class="author">来自于 sddyboy 的评价</p>
                        <div class="info">
                            <div class="title">小米空气净化器2</div>
                            <div class="sep">|</div>
                            <div class="price">699元</div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="#">
                                <img src="images/热评产品/3.jpg" alt="">
                            </a>
                        </div>
                        <p>有了它，妈妈再也不用担心我喝不到健康的水了。呵呵，良心产品，平民价格，对现在的水质起到了很好的改善作...</p>
                        <p class="author">来自于 爱疯911 的评价</p>
                        <div class="info">
                            <div class="title">小米净化器</div>
                            <div class="sep">|</div>
                            <div class="price">1299元</div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <a href="#">
                                <img src="images/热评产品/4.jpg" alt="">
                            </a>
                        </div>
                        <p>样子好可爱，特别是转来转去时很有趣。让它休眠时它就会把头转过去背对着你了，唤醒它又会自动转回来。你叫...</p>
                        <p class="author">来自于 随风 的评价</p>
                        <div class="info">
                            <div class="title">米家小白智能摄像机</div>
                            <div class="sep">|</div>
                            <div class="price">399元</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--content-->

    <div id="content">
        <div id="showtime">
            <div class="title">内容</div>
            <div class="tushu first">
                <div class="hdr">图书</div>
                <ul class="show">
                    <li>
                        <h2>哈利波特与被诅咒的孩子</h2>
                        <p>“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ </p>
                        <p class="price">29.37元</p>
                        <img src="images/内容/图书/1.jpg" alt="">
                    </li>
                    <li>
                        <h2>好吗好吗</h2>
                        <p>畅销作家大冰2016年新书！讲给你听，好吗好的！ </p>
                        <p class="price">17.99元</p>
                        <img src="images/内容/图书/2.jpg" alt="">
                    </li>
                    <li>
                        <h2></h2>
                        <p style="margin-bottom: 25px">海量好书，享受精品阅读时光漂亮的中文排版，千万读者选择！ </p>
                        <p class="price"><a href="#" style="color: orange;border: 1px solid orange;padding: 5px;">前往多看阅读</a></p>
                        <img src="images/内容/图书/3.jpg" alt="">
                    </li>


                </ul>
                <ul class="b">
                    <li>
                        <span class="orange" name='0'></span>
                    </li>
                    <li>
                        <span name='1'></span>
                    </li>
                    <li>
                        <span name='2'></span>
                    </li>
                </ul>
                <div class="btn">
                    <p class="leftbn">
                        <</p>
                            <p class="rightbn">></p>
                </div>
            </div>
            <div class="tushu" style="border-top: 1px solid #83c44e">
                <div class="hdr" style="color: #83c44e">MIUI主题</div>
                <ul class="show">
                    <li>
                        <h2>小米5c尊黑版</h2>
                        <p>小米5c动态尊黑主题，首发上线！会动的默认壁纸 </p>
                        <p class="price">9米币</p>
                        <img src="images/内容/主题/1.jpg" alt="">
                    </li>
                    <li>
                        <h2>我心澎湃【烫金版】</h2>
                        <p>我心澎湃【烫金版】官方主题强劲登场！ </p>
                        <p class="price">9米币</p>
                        <img src="images/内容/主题/2.jpg" alt="">
                    </li>
                    <li>
                        <h2>遇见你 预见爱</h2>
                        <p>不要玫瑰，不要巧克力，不要甜言蜜语，只要敢说在一起。 </p>
                        <p class="price">13.14米币</p>
                        <img src="images/内容/主题/3.jpg" alt="">
                    </li>
                    <li>
                        <h2></h2>
                        <p style="margin-bottom: 25px">众多个性主题、百变锁屏与自由桌面让你的手机与众不同！ </p>
                        <p class="price">
                            <a href="#" style="color:#83c44e;border: 1px solid #83c44e;padding:5px">前往MIUI主题市场</a>
                        </p>
                        <img src="images/内容/主题/4.jpg" alt="">
                    </li>

                </ul>
                <ul class="b">
                    <li>
                        <span class="orange" name='0'></span>
                    </li>
                    <li>
                        <span name='1'></span>
                    </li>
                    <li>
                        <span name='2'></span>
                    </li>
                    <li>
                        <span name='3'></span>
                    </li>
                </ul>
                <div class="btn">
                    <p class="leftbn">
                        <</p>
                            <p class="rightbn">></p>
                </div>
            </div>
            <div class="tushu" style="border-top: 1px solid #e53935">
                <div class="hdr" style="color: #e53935">游戏</div>
                <ul class="show">
                    <li>
                        <h2>米柚手游模拟器</h2>
                        <p>在电脑上玩遍小米所有手游 </p>
                        <p class="price">免费</p>
                        <img src="images/内容/游戏/1.png" alt="">
                    </li>
                    <li>
                        <h2>剑侠世界</h2>
                        <p>一生不容错过的浪漫武侠！！ </p>
                        <p class="price">免费</p>
                        <img src="images/内容/游戏/2.jpg" alt="">
                    </li>
                    <li>
                        <h2> 老九门</h2>
                        <p>九门恩怨，盗墓笔记前传上线 </p>
                        <p class="price">免费</p>
                        <img src="images/内容/游戏/3.jpg" alt="">
                    </li>
                    <li>
                        <h2></h2>
                        <p style="margin-bottom: 25px">免费下载海量的手机游戏天天都有现金福利赠送 </p>
                        <p class="price">
                            <a href="#" style="color:#e53935;border: 1px solid #e53935;padding:5px">前往小米游戏商店</a>
                        </p>
                        <img src="images/内容/游戏/4.jpg" alt="">
                    </li>

                </ul>
                <ul class="b">
                    <li>
                        <span class="orange" name='0'></span>
                    </li>
                    <li>
                        <span name='1'></span>
                    </li>
                    <li>
                        <span name='2'></span>
                    </li>
                    <li>
                        <span name='3'></span>
                    </li>
                </ul>
                <div class="btn">
                    <p class="leftbn">
                        <</p>
                            <p class="rightbn">></p>
                </div>
            </div>
            <div class="tushu" style="border-top: 1px solid #2196f3">
                <div class="hdr" style="color: #2196f3">应用</div>
                <ul class="show">
                    <li>
                        <h2>2017金米奖</h2>
                        <p>最优秀的应用和游戏 </p>
                        <p class="price">&#x3000;</p>
                        <img src="images/内容/应用/1.png" alt="">
                    </li>
                    <li>
                        <h2>Forest</h2>
                        <p>帮助您专心于生活中每个重要时刻 </p>
                        <p class="price">免费</p>
                        <img src="images/内容/应用/2.png" alt="">
                    </li>
                    <li>
                        <h2>小米应用</h2>
                        <p>小米出品 必属精品 </p>
                        <p class="price">免费</p>
                        <img src="images/内容/应用/3.png" alt="">
                    </li>
                    <li>
                        <h2></h2>
                        <p style="margin-bottom: 25px">帮助小米手机和其他安卓手机用户发现好用的安卓应用 </p>
                        <p class="price">
                            <a href="#" style="color:#2196f3;border: 1px solid #2196f3;padding:5px">前往小米应用</a>
                        </p>
                        <img src="images/内容/应用/4.jpg" alt="">
                    </li>

                </ul>
                <ul class="b">
                    <li>
                        <span class="orange" name='0'></span>
                    </li>
                    <li>
                        <span name='1'></span>
                    </li>
                    <li>
                        <span name='2'></span>
                    </li>
                    <li>
                        <span name='3'></span>
                    </li>
                </ul>
                <div class="btn">
                    <p class="leftbn">
                        <</p>
                            <p class="rightbn">></p>
                </div>
            </div>
        </div>
    </div>

    <div id="video">
        <div id="container">
            <div class="title">
                <div class="tleft">视频</div>
                <div class="tright">
                    查看全部<span>></span>
                </div>
            </div>
            <div class="content">
                <ul>
                    <li class="first">
                        <div><img src="images/视频/1.jpg" alt=""></div>
                        <h3>红米Note 4X 环岛挑战</h3>
                        <p>看看我们关于超长续航的疯狂想法</p>
                    </li>
                    <li>
                        <div><img src="images/视频/2.jpg" alt=""></div>
                        <h3>小米之家里发生了一件怪事</h3>
                        <p>World Order星机械人受邀访问地球</p>
                    </li>
                    <li>
                        <div><img src="images/视频/3.jpg" alt=""></div>
                        <h3>小米MIX 概念手机背后的故事</h3>
                        <p>雷总亲自讲述小米MIX 的诞生</p>
                    </li>
                    <li>
                        <div><img src="images/视频/4.jpg" alt=""></div>
                        <h3>一面科技，一面艺术</h3>
                        <p>梁朝伟讲述双面人生</p>
                    </li>
                </ul>
            </div>
        </div>

    </div>

    <div id="footer">
        <div id="container">
            <div class="content">
                <div class="ser">
                    <ul>
                        <li><a href="#" name='1'><i class="c1"></i>预约维修服务</a></li>
                        <li><a href="#" name='2'><i class="c2"></i>7天无理由退货</a></li>
                        <li><a href="#" name='3'><i class="c3"></i>15天免费换货</a></li>
                        <li><a href="#" name='4'><i class="c4"></i>满150元包邮</a></li>
                        <li><a href="#" name='5'><i class="c5"></i>520余家售后网点</a></li>
                    </ul>
                </div>
                <div class="link">
                    <dl>
                        <dt>帮助中心</dt>
                        <dd>
                            <a href="#">账户管理</a>
                        </dd>
                        <dd>
                            <a href="#">购物指南</a>
                        </dd>
                        <dd>
                            <a href="#">订单操作</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>服务支持</dt>
                        <dd>
                            <a href="#">售后政策</a>
                        </dd>
                        <dd>
                            <a href="#">自助服务</a>
                        </dd>
                        <dd>
                            <a href="#">相关下载</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>线下门店</dt>
                        <dd>
                            <a href="#">小米之家</a>
                        </dd>
                        <dd>
                            <a href="#">服务网点</a>
                        </dd>
                        <dd>
                            <a href="#">零售网点</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关于小米</dt>
                        <dd>
                            <a href="#">了解小米</a>
                        </dd>
                        <dd>
                            <a href="#">加入小米</a>
                        </dd>
                        <dd>
                            <a href="#">联系我们</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>关注我们</dt>
                        <dd>
                            <a href="#">新浪微博</a>
                        </dd>
                        <dd>
                            <a href="#">小米部落</a>
                        </dd>
                        <dd>
                            <a href="#">官方微信</a>
                        </dd>
                    </dl>
                    <dl>
                        <dt>特色服务</dt>
                        <dd>
                            <a href="#">F 码通道</a>
                        </dd>
                        <dd>
                            <a href="#">礼物码</a>
                        </dd>
                        <dd>
                            <a href="#">防伪查询</a>
                        </dd>
                    </dl>
                    <div class="concat">
                        <p class="phone">400-100-5678</p>
                        <p class="time">
                            <span>周一至周日 8：00-18:00</span><br>
                            <span>（仅收市话费）</span>
                        </p>
                        <a href="#">24小时在线客服</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="info">
        <div class="content">
            <div class="left"></div>
            <div class="center">
                <p class="sites">
                    <a href="#">小米商城</a><span>|</span><a href="#">MIUI</a><span>|</span><a href="#">米聊</a><span>|</span><a href="#">多看书城</a><span>|</span>
                    <a href="#">小米路由器</a><span>|</span>
                    <a href="#">视频通话</a><span>|</span>
                    <a href="#">企业团购</a><span>|</span>
                    <a href="#">小米天猫店</a><span>|</span>
                    <a href="#">小米淘宝直营店</a><span>|</span>
                    <a href="#">小米网盟</a><span>|</span>
                    <a href="#">小米移动</a><span>|</span>
                    <a href="#">Select Region</a>
                </p>
                <p class="links">
                    ©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 <br>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="right">
                <a href="3"><img src="images/info/1.png" alt=""></a>
                <a href="#"><img src="images/info/2.png" alt=""></a>
                <a href="#"><img src="images/info/3.png" alt=""></a>
                <a href="#"><img src="images/info/4.png" alt=""></a>
            </div>
        </div>
        <div class="ir"><img src="images/info/5.png" alt=""></div>
    </div>
</body>

</html>
<script>
</script>